<!-- pages/carousel/carousel.vue -->
<template>
	<view class="carousel">
		<swiper class="swiper" indicator-dots="true" autoplay="true" interval="3000" duration="500">
			<swiper-item v-for="(item, index) in images" :key="index">
				<image :src="`http://localhost:8080/download/${item}`" class="slide-image"></image>
			</swiper-item>
		</swiper>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				images: [
					'/static/tab/logo.png',
					'/static/tab/logo.png',
					'/static/tab/logo.png'
				]
			}
		}
	}
</script>

<style>
	.carousel {
		width: 100%;
		height: 300rpx;
	}
	.slide-image {
		width: 100%;
		height: 100%;
	}
</style>